<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> 
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>个人信息</title>
<link rel="stylesheet" type="text/css" href="css/top.css">
<link rel="stylesheet" type="text/css" href="css/lunbo.css">
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/public.js"></script>
<link rel="stylesheet" type="text/css" href="css/vipcenter.css">
<link rel="stylesheet" type="text/css" href="css/footer.css"/>
</head>

<body>
	<%@include file="includetop.jsp"%>
    
    <!--banner 开始-->
  <div class="thetoubu">
	<!--头部-->
	
    <!--详细列表-->
    <div class="xiangxilbnm">
    	<!--left-->
                        <div class="liefyu">
        	<h2>个人中心</h2>
                <div class="conb">
                <a href="gerenxinxi">个人信息</a>
                <a href="cart">我的购物车</a>
                <a href="dingdan">我的订单</a>
                <a href="favorite">我的收藏</a>
                <a href="logout">注销登陆</a>
                </div>
        </div>
        <script type="text/javascript">
		$(function(){//第一步都得写这个
			$(".liefyu h2").click(function(){//获取title，并且让他执行下面的函数
			$(this)/*点哪个就是哪个*/.next(".conb")/*哪个标题下面的con*/.slideToggle()/*打开/折叠*/.siblings/*锁定同级元素*/(".con").slideUp()/*同级元素折叠起来*/
			})
		})
		</script>
        <!--right-->
        <div class="zuirifip">
        	<!--基本信息-->
            <div class="basedexinxi">
            	<a href="#">基本信息</a>
            </div>
            <!--基本信息结束-->
            <!--修改基本信息开始-->
            <div class="baseopxg" style="padding-left: 100px">
            	<!--第一部分-->
            	<form action="editGerenxinxi" method="post">
                <div class="tirstbf" >
                	<span>
                    	<img src="img/tou.jpg"/>
                    </span>
                    <em>用户名：</em>
                    <input readonly="readonly" style="float:left; border:1px solid #bbb; box-shadow:none; height:28px; font-size:12px; text-indent:6px; margin-top:65px" type="text" class="shuru" placeholder="${info[0].username}" required />
                </div>
                <!--第二部分-->
                <div class="thetwobf">
                	<em>昵称:：</em><input name="rname" value="${info[0].rname }" style="float:left; border:1px solid #bbb; box-shadow:none; height:28px; font-size:12px; text-indent:6px" type="text" class="shuru" placeholder="${info[0].rname }" required />
                </div>
                <div class="thetwobf">
                	<em>签名:：</em><input name="sign" value="${info[0].sign }" style="float:left; border:1px solid #bbb; box-shadow:none; height:28px; font-size:12px; text-indent:6px" type="text" class="shuru" placeholder="${info[0].sign }" required />
                </div>
                <div class="thetwobf">
                	<em>电话:：</em><input name="phone" value="${info[0].phone }" style="float:left; border:1px solid #bbb; box-shadow:none; height:28px; font-size:12px; text-indent:6px" type="text" class="shuru" placeholder="${info[0].sign }" required />
                </div>
                <div class="thetwobf">
                	<em>地址:：</em><input name="dizhi" value="${info[0].dizhi }" style="float:left; border:1px solid #bbb; box-shadow:none; height:28px; font-size:12px; text-indent:6px" type="text" class="shuru" placeholder="${info[0].sign }" required />
                </div>
                <div class="thetwobf">
                	<em>密码:：</em><input name="password" value="${info[0].password }" style="float:left; border:1px solid #bbb; box-shadow:none; height:28px; font-size:12px; text-indent:6px" type="password" class="shuru" placeholder="${info[0].password }" required />
                </div>
              
                
                <div class="thetwobf">
                	<button style="background: transparent;" type="submit"><a  style=" display:block; padding-left:20px; padding-right:20px; line-height:40px;float:left; font-size:14px; color:#FFF; margin-left:213px">保存</a></button>
                </div>
                </form>
            </div>	
            <!--修改基本信息结束-->
        </div>
        <!--right结束-->
    </div>
    <!--详细列表结束-->
</div>
<!--个人中心结束-->

</body>	
</html>  
